<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<ul id="ul">
			<li>小红</li>
			<li>小明</li>
			<li>小光</li>
			<li>小兰</li>
			<li>小兵</li>
			<li>小呱</li>
			<li>小阬</li>
			<li>小千</li>
			<li>小金</li>
			<li>小丽</li>
		</ul>
		
		<script type="text/javascript">
			let arr=[];
			let lis=document.getElementsByTagName("li");
			while(arr.length<lis.length){
				var r=parseInt(Math.random()*(lis.length)+1);
				if(arr.indexOf(r)==-1){
					arr.push(r);
				}
			}
			
			//把类数组转为普通数组：
			lis=Array.prototype.slice.call(lis);
			
			//赋值
			lis.forEach((val,i)=>val.id=arr[i]);
			
			//排序
			lis.sort(function(a,b){
				return a.id-b.id;
			})
			
			//渲染
			lis.forEach(val=>ul.appendChild(val));
				
			
			
			
			
		</script>
	</body>
</html>
